<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		.head{
			text-align: center;
			background: #00a0d8;
			height: 105px;
		}
		fieldset{
			width: 980px;
			margin:0 auto;
			border:0;
			border-top:1px solid #ddd;
		}
		legend{
			text-align: center;
			font-size:46px;
			padding:0 24px;
		}
		form{
			height: 400px;
			width:600px;
			margin:0 auto;
		}
		input{
			width:380px;
			height: 28px;
			font-size: 12px;
			padding: 4px 12px;
			border:1px solid #ddd;
			/*轮廓*/
			outline: none;
			/*圆角*/
			border-radius: 4px;
		}
		p{
			padding: 10px 0;
			text-align: center;
			margin: 0 auto;
		}

	</style>
</head>
<body>
<div class="head">
	<img src="head.png">
</div>
	<fieldset>
		<legend>登录</legend>
	</fieldset>
	<form>
		<p>
			<input type="text" name="" placeholder="你的手机号/邮箱">
		</p>
		<p>
			<input type="password" name="" placeholder="密码">
		</p>
		<p style="font-size:10px;">
			<input type="checkbox" name="" style="width: 10px;height: 10px;background: blue;">记住我 不是自己的电脑不要勾选此项     无法验证？   忘记密码？
		</p>
			<p style="font-size: 20px;" >
			<input type="submit" name="" value="登录" style="width: 30%;height: 36px;background: #00a1d6">
			<input type="submit" name="" value="注册" style="width: 30%;height: 36px;background: #00a1d6">
		</p>
		<p data-v-2c844fd9="">登录即代表你同意<a data-v-2c844fd9="" target="_blank" href="https://www.bilibili.com/protocal/licence.html">用户协议</a>和<a data-v-2c844fd9="" target="_blank" href="https://www.bilibili.com/blackboard/privacy-pc.html">隐私政策</a></p>
		<p>
			微博账号登录
			QQ登录
		</p>
	</form>
</body>
</html>